<template>
    <div>
        <div class="header">
            <span>设备告警管理</span>
        </div>
        <header-top :total='total'></header-top>
        <index-table :total='total'></index-table>
        <equipment-detail></equipment-detail>
    </div>
</template>

<script>
import indexTable from './view/IndexTable';
import headerTop from './view/HeaderTop';
import equipmentDetail from './view/detail';
export default {
    components:{indexTable, headerTop, equipmentDetail},
    data() {
        return {
            dialog: false,
            total: 0
        }
    },
    mounted() {
        
    },
}
</script>

<style scoped>
    .header span{
        position: relative;
        font-size: 18px;
        line-height: 20px;
        color: #333;
        margin-left: 5px;
        padding-left: 8px;
    }
    .header span::before{
        content:'';
        height: 20px;
        position: absolute;
        left: 0;
        width: 4px;
        border-radius: 2px;
        background: #2F70E6;
    }
</style>